<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
                <div id="exampleToolbar" role="group">
                    <div class="form-group col-sm-6">
                        <input id="searchName" type="text" class="form-control" placeholder="用户名">
                    </div>
                    <button class="btn btn-success" onclick="reLoad()">查询</button>
                    <button type="button" class="btn  btn-primary" onclick="add()"
                            shiro:hasPermission="blog:appearance:save">
                        <i class="fa fa-plus" aria-hidden="true"></i>添加
                    </button>
                    <button type="button" class="btn  btn-danger"
                            onclick="batchRemove()" shiro:hasPermission="blog:appearance:remove">
                        <i class="fa fa-trash" aria-hidden="true"></i>删除
                    </button>
                </div>
                <table id="exampleTable" data-mobile-responsive="true">
                </table>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<shiro:hasPermission name="blog:appearance:update">
    <script th:inline="javascript">editFlag = true
    // console.log("editFlag22222:" + editFlag);
    </script>
</shiro:hasPermission>
<shiro:hasPermission name="blog:appearance:remove">
    <script th:inline="javascript">removeFlag = true
    // console.log("removeFlag22222:" + removeFlag);
    </script>
</shiro:hasPermission>
<script type="text/javascript" src="/js/appjs/blog/appearance/appearance.js"></script>
</body>
</html>